<template>
  <body>
  <Layout id="main-box">
    <el-container direction="vertical" id="content-box">

      <div class="picAndBoxes">
        <div class="picAndBox1">
          <div class="container right-panel-active">
            <!-- Sign Up -->
            <div class="container__form container--signup">
              <form action="#" class="form" id="form1">
                <p class="form__title">
                  本次赛题类似于网页搜索，新出台和修订的“外规”可视为搜索时的输入，已有的“内规”可视作被搜索的对象。
                  参赛队设计实现的自动化方法应逐一检索每一条新“外规”，自动计算出该“外规”与所有“内规”之间的关联度，
                  并将其按照计算所得的关联度从高到低排列以形成当前正在搜索的“外规”的候选列表。
                  一个有效的检索模型应将需要作出相应调整的所有“内规”尽可能地排在候选列表的前列，
                  即模型计算出的、会受到该“外规”影响的“内规”的关联度要大于其它不受影响的“内规”的关联度。
                  从而使得用户能够尽快从候选列表中逐一确定所有需要调整的“内规”，极大地提升“外规内化”工作的效率，
                  从而帮助商业银行管理者有效应对外部复杂多变的金融环境。
                </p>
                <p>被检索文档：</p>
                <p> &emsp;  &emsp;  相关“内规”库，如《案防工作实施办法》、《客户风险预警系统实施细则（试行）》等。</p>
                <br>
                <p>被检索文档：</p>
                <p>&emsp;  &emsp;  检索输入（新出现的“外规”）：</p>
              </form>
            </div>

            <!-- Overlay -->
            <div class="container__overlay">
              <div class="overlay">
                <div class="overlay__panel overlay--left">
                  <button class="btn" id="signIn">项目介绍</button>
                </div>
                <div class="overlay__panel overlay--right">
                  <button class="btn" id="signUp">Sign Up</button>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="picAndBox2">
        </div>
        <div class="picAndBox3">
        </div>
      </div>
      <!-- 正文 -->
      <div class="main-text">
<!--        <h3>  · 项目介绍</h3>-->
<!--        <p>-->
<!--          &emsp;  &emsp;  本次赛题类似于网页搜索，新出台和修订的“外规”可视为搜索时的输入，已有的“内规”可视作被搜索的对象。-->
<!--          参赛队设计实现的自动化方法应逐一检索每一条新“外规”，自动计算出该“外规”与所有“内规”之间的关联度，-->
<!--          并将其按照计算所得的关联度从高到低排列以形成当前正在搜索的“外规”的候选列表。-->
<!--          一个有效的检索模型应将需要作出相应调整的所有“内规”尽可能地排在候选列表的前列，-->
<!--          即模型计算出的、会受到该“外规”影响的“内规”的关联度要大于其它不受影响的“内规”的关联度。-->
<!--          从而使得用户能够尽快从候选列表中逐一确定所有需要调整的“内规”，极大地提升“外规内化”工作的效率，-->
<!--          从而帮助商业银行管理者有效应对外部复杂多变的金融环境。-->
<!--        </p>-->
<!--        <br>-->

      </div>


    </el-container>
  </Layout>
  </body>

</template>

<script>
import Layout from "@/components/Layout.vue";
import { ref } from 'vue'
const input = ref('')
export default {
  name: "homepage",
  components: {Layout},
  data(){
    return{
      turnOn : localStorage.getItem("light"),

    }

  },
  setup(){

  },
  methods:{

  },
  mounted() {
    if (this.turnOn === false){
      document.body.className = 'light';
    }
  }

}
</script>

<style scoped>

@import "../../src/css/homepage.css";
@import "../../src/css/homepage_color.css";
@import "../../src/css/outer.css";

</style>
